import React from 'react';
import SvgIcon, { type SvgIconProps } from '@mui/material/SvgIcon';

const GitBookIcon: React.FC<SvgIconProps> = props => (
  <SvgIcon viewBox='0 0 24 24' {...props}>
    <svg
      width='24'
      height='24'
      viewBox='0 0 24 24'
      fill='none'
      xmlns='http://www.w3.org/2000/svg'
    >
      <path
        fillRule='evenodd'
        clipRule='evenodd'
        d='M3.49756 10.7755C3.52121 10.789 3.5457 10.8018 3.57103 10.8138L10.6985 14.19C10.9812 14.3239 11.3104 14.3178 11.5879 14.1735L21.7936 8.86656C22.5389 8.47901 22.5031 7.40087 21.7338 7.06352L14.9395 4.08418C14.6762 3.96876 14.3761 3.97217 14.1155 4.09355L3.57679 9.00365C3.50942 9.03504 3.44794 9.07207 3.39234 9.11376C1.96318 9.78363 1.14905 10.915 0.947082 12.1267C0.712442 13.5345 1.33306 15.0054 2.66396 15.6708L2.67045 15.6741L2.67701 15.6772L9.7276 19.0334C10.0072 20.1087 10.9845 20.9026 12.1473 20.9026C13.528 20.9026 14.6473 19.7833 14.6473 18.4026C14.6473 18.3319 14.6444 18.2619 14.6386 18.1926L19.5513 15.3269C19.9843 15.6864 20.5406 15.9026 21.1473 15.9026C22.528 15.9026 23.6473 14.7833 23.6473 13.4026C23.6473 12.0219 22.528 10.9026 21.1473 10.9026C19.7666 10.9026 18.6473 12.0219 18.6473 13.4026C18.6473 13.6322 18.6783 13.8546 18.7362 14.0658L14.0605 16.7933C13.6019 16.2487 12.915 15.9026 12.1473 15.9026C11.1124 15.9026 10.2244 16.5314 9.8445 17.4278L3.32891 14.3262C2.66344 13.9901 2.28671 13.2131 2.42667 12.3733C2.51701 11.8313 2.83608 11.2371 3.49756 10.7755ZM22.1473 13.4026C22.1473 13.9549 21.6996 14.4026 21.1473 14.4026C20.595 14.4026 20.1473 13.9549 20.1473 13.4026C20.1473 12.8503 20.595 12.4026 21.1473 12.4026C21.6996 12.4026 22.1473 12.8503 22.1473 13.4026ZM12.1473 19.4026C12.6996 19.4026 13.1473 18.9549 13.1473 18.4026C13.1473 17.8503 12.6996 17.4026 12.1473 17.4026C11.595 17.4026 11.1473 17.8503 11.1473 18.4026C11.1473 18.9549 11.595 19.4026 12.1473 19.4026Z'
        fill='#0080FF'
      />
    </svg>
  </SvgIcon>
);

export default GitBookIcon;
